<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/manage}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>版权监测</title>
  <link rel="stylesheet" href="/static/front/css/my-prod.css">
  <link rel="stylesheet" href="/static/front/css/monitor-prod.css">
  <link rel="stylesheet" href="/static/front/css/monitor-result.css">
  <link rel="stylesheet" href="/static/front/css/my-prod-all.css">
  <link rel="stylesheet" href="/static/front/css/pagination.css">
</head>

<body>
<div layout:fragment="content">
  <div class="con6-r">
    <div class="nav">
      <ul>
        <li class="on"><a href="javascript:;">监测作品</a></li>
        <li><a href="javascript:;">监测结果</a></li>
      </ul>
    </div>
    <div class="tab_container">
      <div class="content lists record_list">
        <div class="table">
          <table border="" cellspacing="0" cellpadding="">
            <thead>
            <tr>
              <td class="first">图片信息</td>
              <td>作品类型</td>
              <td><a href="javascript:;">起始时间&darr;</a></td>
              <td>状态</td>
              <td>操作</td>
            </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="m-style pages"></div>
      </div>
      <div class="content lists result_list" style="display: none;">
        <div class="hint-num">
          <h4><img src="/static/front/imgs/zys114.png"/>共监测出<font>0</font>个疑似侵权作品</h4>
        </div>
        <div class="table">
          <table border="" cellspacing="0" cellpadding="">
            <thead>
            <tr>
              <td class="first">作品信息</td>
              <td><a href="#">监测时间&darr;</a></td>
              <td>状态</td>
              <td>操作</td>
            </tr>
            </thead>
            <tbody>
            </tbody>
          </table>

        </div>


        <div class="m-style pages"></div>
      </div>
    </div>
    <div class="nothing" style="display: none">
      <span>暂无数据</span>
    </div>
  </div>
</div>

<th:block layout:fragment="script">
  <script id="record_body" type="text/html">
    {{#  layui.each(d.content, function(index, item){ }}
    <tr>
      <td class="first">
        <div class="img">
          <a href="javascript:;"><img src="{{item.workImgUrl}}"/></a>
        </div>
        <div class="title hasimg">
          <h4><a href="javascript:;">{{item.worksName}}</a></h4>
          <h4><a href="javascript:;">ID：M1200700005904</a></h4>
        </div>
      </td>
      <td>{{item.worksTypeName}}</td>
      <td>{{item.createTime}}</td>
      <td>{{item.statusName}}</td>
      <td>
        <dl>
          {{# if(item.status=='running'){ }}
          <dd class="tz change_status"><a href="javascript:;" data-id="{{item.id}}"></a></dd>
          {{# } }}

          {{# if(item.status=='stopped'){ }}
          <dd class="zt change_status"><a href="javascript:;" data-id="{{item.id}}"></a></dd>
          {{# } }}
          <dd class="sc"><a href="javascript:;" data-id="{{item.id}}"></a></dd>
        </dl>
      </td>
    </tr>
    {{#  }); }}
  </script>

  <script id="result_body" type="text/html">
    {{#  layui.each(d.content, function(index, item){ }}
    <tr>
      <td class="first">
        <div class="img">
          <a href="{{item.pageUrl}}" target="_blank"><img src="{{item.resultImgUrl}}"/></a>
        </div>

      </td>
      <td>{{item.createTime}}</td>
      <td>{{item.ingoreStatusName}}</td>
      <td>
        <ul>
          <li><a href="{{item.pageUrl}}" target="_blank">查看</a></li>
          <!--<li><a href="#">维权</a></li>-->
          {{# if(item.ingore){ }}
          <li class="hl"><a href="javascript:;" data-id="{{item.id}}">忽略</a></li>
          {{# } }}
        </ul>
      </td>
    </tr>
    {{#  }); }}
  </script>
  <script type="text/javascript" src="/static/front/js/lib/jquery.pagination.js"></script>
  <script type="text/javascript" src="/static/front/js/config.js"></script>
  <script type="text/javascript">
    layui.use('monitor')
  </script>
</th:block>
</body>
</html>
